/* // sidebar */
$menuText:#bfcbd9;
$menuActiveText:#333333;
$subMenuActiveText:#f4f4f5; /* //https://github.com/ElemeFE/element/issues/12951 */

$menuBg:#F2F3FC;
$menuHover:rgba(49, 147, 252, 0.14);

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 240px;  /* //侧边栏展开时候的宽度 */
$sideBarMinWidth: 80px;/* //侧边栏收起时候的宽度 */
$navBarHeight:56px;/* //顶部栏的高度 */


$mainColor1:#15C5CE;  /* //主体颜色 */
$mainColor2:#2a364e;
$assistColor1:#fe9e49;
$assistColor2:#3dc8cc;


$bodyTxtColor:#39444E;/* 主体颜色 */
$mainTxtColor:rgba(51, 64, 74, 0.8);/* 此文颜色 次要颜色 */
$isDisabledTxtColor:#ACB6C2;/* 不可选择颜色 */
$mainTextColor2:#606266;
$assistTextColor1:#909399;
$assistTextColor2:#c0c4cc;
$assistTextColor3: #39444e;
$assistTextColor4: #33404A;
$assistTextColor5: #ACB6C2;

$assistButtonColor1: #ffffff;

$mainTextFont1:30px; /* //一级标题字体大小 */
$mainTextFont2:24px; /* //二级标题字体大小 */
$mainTextFont3:20px; /* //三级标题字体大小 */
$mainTextFont4:16px;
$mainTextFont5:14px;
$mainTextFont6:12px;


$chartColor1:#52C41A;
$chartColor2:#1890FF;
$chartColor3:#FAAD14;
$chartColor4:#722ED1;
$chartColor5:#FF4D4F;
$chartColor6:#13c2c2;
$chartColor7:#eb2f96;

// 返回图表颜色
$backColor1: #4E5969;

// 边框颜色
$borderColor1: #E0E2E7;
$borderColor2: #E5E5E5;

// 禁用色
$disabledColor: #ACB6C2;


/* // the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass */
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  sideBarMinWidth:$sideBarMinWidth;
  navBarHeight:$navBarHeight;
  /* // 颜色样式 */
  mainColor1:$mainColor1;
  mainColor2:$mainColor2;
  assistColor1:$assistColor1;
  assistColor2:$assistColor2;


  bodyTxtColor:$bodyTxtColor;/* 主体颜色 */
  isDisabledTxtColor:$isDisabledTxtColor;/* 不可点击文字颜色 */
  mainTxtColor:$mainTxtColor;/* 此文颜色，次要颜色 */
  mainTextColor2:$mainTextColor2;
  assistTextColor1:$assistTextColor1;
  assistTextColor2:$assistTextColor2;
  assistTextColor3:$assistTextColor3;
  assistTextColor4:$assistTextColor4;
  assistTextColor4:assistTextColor4;

  assistButtonColor1:$assistButtonColor1;

  /* // 字体大小 */
  mainTextFont1:$mainTextFont1;
  mainTextFont2:$mainTextFont2;
  mainTextFont3:$mainTextFont3;
  mainTextFont4:$mainTextFont4;
  mainTextFont5:$mainTextFont5;
  mainTextFont6:$mainTextFont6;



  // 图表颜色
  chartColor1:$chartColor1;
  chartColor2:$chartColor2;
  chartColor3:$chartColor3;
  chartColor4:$chartColor4;
  chartColor5:$chartColor5;
  chartColor6:$chartColor6;
  chartColor7:$chartColor7;
  
  // 禁用色
  disabledColor:$disabledColor;
}
